const { defineConfig } = require('@vue/cli-service')
//定义Elementplus安装两个插件和ElementPlus处理器
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
const { VantResolver } = require('@vant/auto-import-resolver');

module.exports = defineConfig({
  transpileDependencies: true,
  //添加插件：让插件生效
  configureWebpack:{
    plugins:[
      AutoImport({
        resolvers:[ElementPlusResolver(),VantResolver()],
      }),
      Components({
        resolvers:[ElementPlusResolver(),VantResolver()],
      })
    ]
  },
   devServer:{
    proxy:{
      //可以代理很多地址 可以分别转发给不同的后端服务器
      //key表示代理的地址  可以随便写  value表示代理规则
      '/api':{
        //代理之后最终访问的网址(后端网址)
        target:'http://localhost:9999',
        //http://localhost:9999/api/select  通过/api使用跨域访问  请求地址多了
        //一个/api  所以路径重写把其变回
        pathRewrite:{'^/api':''},  //路径重写
        changeOrigin: true  //开启跨域

      }

    }
  },
  transpileDependencies:true
})
